import {request} from '../../request/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 左侧的菜单数据
    leftMenusList:[],
    // 右侧的商品数据
    rigthContent:[],
    // 被点击的左侧菜单
    currentIndex:0,
    // 右侧内容的滚动条顶部的距离
    scrollTop:0,

  },
//   接口的返回数据
Cates:[],

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCates();
    const Cates=wx.getStorageSync('cates');
    if(Cates){
        this.getCates();
    }
    else{
        if(Date.now()-Cates.time>1000*10){
            this.getCates();
        }
        else{
            this.Cates=Cates.data;
            let leftMenusList=this.Cates(v=>v.cat_name);
            let rigthContent=this.Cates[0].children;
            this.setData({
                leftMenusList,
                rigthContent
            })
        }
    }
  },
//   获取分类的数据
getCates(){
    request({
        url:"https://api-hmugo-web.itheima.net/api/public/v1/categories",
    })
    .then(res=>{
        this.Cates=res.data.message;
        wx-wx.setStorageSync('cates', {item:Date.now(),data:this.Cates});
        // 左侧的大菜单数据
        let leftMenusList=this.Cates.map(v=>v.cat_name);
        let rigthContent=this.Cates[0].children;
        this.setData({
            leftMenusList,
            rigthContent
        })
    })
},
// 左侧菜单的点击事件
handleItemTap(e){
  const{index}=e.currentTarget.dataset;
  let rigthContent=this.Cates[index].children;
  this.setData({
    currentIndex:index,
    rigthContent,
    scrollTop:0,
    
})
}
})